<template>
  <div>
    <h1>customRef()</h1>
    <div>
      <input type="text" v-model="text" />
      <button type="button" @click="editCustomRef">修改自定义ref对象（防抖）</button>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useDebouncedRef } from '@/utils/useDebouncedRef'

let text = useDebouncedRef('王德发')

console.log(text)

const editCustomRef = () => {
  text.value = '朋友别哭'
}
</script>

<style></style>
